<!DOCTYPE html>
<html lang="ch-ZN">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit" />
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="yes" name="apple-touch-fullscreen">
    <meta content="telephone=no,email=no" name="format-detection">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>秒杀</title>
    <link rel="stylesheet" href="../../lib/css/reset.min.css">
    <link rel="stylesheet" href="../../css/all.min.css">
    <script src="../../lib/js/flexible.js"></script>
</head>
<style>
    .img-box {
        height: 6.33333rem !important;
    }
    
    .common-status {
        top: 6.51666rem;
        right: -0.5rem;
    }
</style>

<body>
    <div id="miaos" class="app-wrap" v-cloak>
        <div class="shop-i-fixed">
            <div class="shop-i-head">
                <div class="top">
                    <div class="top-left">
                        <div class="icon-back-product"></div>
                        <div class="title">{{shop_name}}旗舰店</div>
                    </div>
                </div>
            </div>
            <div class="time-leave pd-tb-30">
                <p class="line1">距离秒杀结束还剩</p>
                <p class="line2">
                    <span>00</span>时<span>00</span>分<span>00</span>秒
                </p>
            </div>
        </div>

        <!-- 团购列表 -->
        <div class="bg-gary">
            <div class="shop-ms-pro-list padding-top-350">
                <div v-for="item in list" class="item">
                    <div class="img-box">
                        <img :src="item.commodityPicImg">
                    </div>
                    <div class="text-box">
                        <p class="title">{{item.commodityName}}</p>
                        <p>
                            <span class="sell-price">¥{{item.activityPrice}}</span>
                            <span class="ori-price">¥{{item.commodityPrice}}</span>
                        </p>
                        <div class="joinnow-wrap mt-48">
                            <button class="joinnow" :class="{'bg-cb': item.inventoryQuantity<=0}" :disabled="item.inventoryQuantity<=0" @click="link(item.commodityId)">立即抢购</button>
                        </div>
                    </div>
                    <div class="common-status fail" v-show="item.inventoryQuantity<=0">
                        <p class="text">已秒完</p>
                        <span class="circle c1"></span>
                        <span class="circle c2"></span>
                        <span class="circle c3"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../lib/js/fastclick.js"></script>
    <script src="../../lib/js/vue.js"></script>
    <script src="../../lib/js/axios.min.js"></script>
    <!-- mock 数据 打包发布的时候记得移除 -->
    <script src="http://mockjs.com/dist/mock.js"></script>
    <script src="../../js/all.min.js"></script>
    <script>
        miaos();
    </script>
</body>

</html>